<!DOCTYPE html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
  <script src="js/bootstrap.min.js" type="text/javascript" ></script>
	<title>友情链接</title>
	<style>
	body {
		margin-left: auto;
		margin-right: auto;
		background-color: rgb(33, 37, 48);
	}
</style>
<script src="js/nav.js" type="text/javascript" ></script>
</head>
<body>
  <div  style="height: 64px;background-color: #333333;">
    <div style="float:left;cursor:pointer;">
      <h2 style="color: white;line-height:60px;">Tan90</h2>
    </div>
    <div id="friends" style="background-color: #333333;height: 64px;width: 87px;float:right;cursor:pointer;border-radius:8px;">
      <div style="text-align:center;">
        <p style="color: white;line-height:60px;">友情链接</p>
      </div>
    </div >
    <div id="blog" style="background-color: #333333;height: 64px;width: 58px;float:right;cursor:pointer;border-radius:8px;">
      <div style="text-align:center;">
        <p style="color: white;line-height:60px;margin-top:0%;">博客</p>
      </div>
    </div >
    <div id="re" style="background-color: #333333;height: 64px;width: 58px;float:right;cursor:pointer;border-radius:8px;">
      <div style="text-align:center;">
        <p style="color: white;line-height:60px;">注册</p>
      </div>
    </div >
    <div id="login" style="background-color: #333333;height: 64px;width: 58px;float:right;cursor:pointer;border-radius:8px;">
      <div style="text-align:center;">
        <p style="color: white;line-height:60px;">登陆</p>
      </div>
    </div >
    <div id="index" style="background-color: #333333;height: 64px;width: 58px;float:right;cursor:pointer;border-radius:8px;">
      <div style="text-align:center;">
        <p style="color: white;line-height:60px;" >主页</p>
      </div>
    </div>
  </div>
	<div>
		<h1 style="text-align: center;color: white;">友情链接</h1>
		<div style="float:left;margin-left:60px;margin-top:50px;">
			<div style="width:200px; height:200px; border-radius:100%; overflow:hidden;float:left;"> <a href="http://www.ghl.info/"><img src="pic/liuxin.jpg" width="200" height="200"></a>
			</div>
			<h3 style="text-align:center;color: white;"><a href="http://www.ghl.info/">流星的博客</a></h3>
		</div>
		<div style="float:left;margin-left:60px;margin-top:50px;">
			<div style="width:200px; height:200px; border-radius:100%; overflow:hidden;float:left;"> <a href="http://www.dimojang.com"><img src="pic/dimo.jpg" width="200" height="200"></a>
			</div>
			<h3 style="text-align:center;color: white;"><a href="http://www.dimojang.com">糖糖的博客</a></h3>
		</div>
		<div style="float:left;margin-left:60px;margin-top:50px;">
			<div style="width:200px; height:200px; border-radius:100%; overflow:hidden;float:left;"> <a href="http://interactiveplus.org/"><img src="pic/xsyd.jpg" width="200" height="200"></a>
			</div>
			<h3 style="text-align:center;color: white;"><a href="http://interactiveplus.org/">Interactive+</a></h3>
		</div>
	</div>
</body>
</html>